﻿<%@ Page Title="Trang chủ" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="col-main">
        <div class="std">
            <div class="main-seperator">
                <div class="main-banner">
                    <div id="FKYskitter" class="skitter">
                        <a href="#" class="prev_button" style="display: block;">prev</a> <a href="#" class="next_button"
                            style="display: block;">next</a> <span class="info_slide" style="display: none; left: 15px;">
                                <span class="image_number" rel="0" id="image_n_1_0" style="background-color: rgb(255, 255, 255);
                                    color: rgb(255, 255, 255);">1</span> <span class="image_number image_number_select"
                                        rel="1" id="image_n_2_0" style="background-color: rgb(204, 51, 51); color: rgb(255, 255, 255);">
                                        2</span> <span class="image_number" rel="2" id="image_n_3_0" style="background-color: rgb(255, 255, 255);
                                            color: rgb(255, 255, 255);">3</span> </span>
                        <div class="container_skitter" style="width: 719px; height: 406px;">
                            <div class="image">
                                <a href="#">
                                    <img class="image_main" src="upload/slider-main.png" style="display: inline-block;"></a>
                                <div class="label_skitter" style="display: none; width: 719px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right-banner">
                    <div class="banner1">
                        <a href="#" target="_blank">
                            <img src="upload/rignt-ads.png" alt=""></a>
                    </div>
                    <div class="banner2">
                        <a href="#" target="_blank">
                            <img src="images/sub-banner2.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="home-category-title">
                <h1>
                    Featured Products</h1>
            </div>
            <p>
            </p>
            <div class="category-products home-page-listing">
                <div class=" jcarousel-skin-tango">
                    <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative;
                        display: block;">
                        <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
                            <ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden;
                                position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 2341px;">
                                <% 
                               
                                System.Data.DataSet ds = new System.Data.DataSet();
                                OTOWeb.DataOut ot = new OTOWeb.DataOut();
                                 string id = Request.QueryString["HangXe"];
                                 if (id == null || id=="")
                                 {
                                     ds = ot.DanhSachXeTrangChu();
                                 }
                                 else
                                 {
                                     ds = ot.DanhSachXeTheoMaHang(id);
                                 }
                                foreach (System.Data.DataRow item in ds.Tables[0].Rows)
                                {
                                %>

                                <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal"
                                    style="float: left; list-style: none;" jcarouselindex="1"><a href="ChiTiet.aspx?MaXe=<%Response.Write(item["MAXE"].ToString()); %>" title=""
                                        class="product-image">
                                        <img src="<%Response.Write(item["HINHANH"].ToString()); %>" width="230" height="230" alt=""></a>
                                    <h2 class="product-name">
                                        <a href="ChiTiet.aspx?MaXe=<%Response.Write(item["MAXE"].ToString()); %>" title=""> <%Response.Write(item["TENXE"].ToString()); %></a></a></h2>
                                    <div class="pro-price-add-btn">
                                        <div class="product-price">
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-1"><span class="price"> <%Response.Write(item["GIABAN"].ToString()); %></a></span>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="new_prod_btn">
                                            <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('#')">
                                                <span><span>Add to Cart</span></span></button>
                                        </div>
                                    </div>
                                    <div class="wish-compare">
                                        <ul class="add-to-links">
                                            <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                                            <li>
                                                <!--span class="separator">|</span-->
                                                <a href="#" class="link-compare">Add to Compare</a></li>
                                        </ul>
                                    </div>
                                </li>
                                 <% }%>
                                
                            </ul>
                        </div>
                        <div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal"
                            style="display: block;" disabled="true">
                        </div>
                        <div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false">
                        </div>
                    </div>
                </div>
                <script type="text/javascript">                    decorateGeneric($$('ul.products-grid'), ['odd', 'even', 'first', 'last'])</script>
            </div>
            <p>
            </p>
            <div class="banner-middle">
                <div class="banner1">
                    <a href="#" target="_blank">
                        <img src="images/banner-middle1.jpg" alt=""></a></div>
                <div class="banner2">
                    <a href="#" target="_blank">
                        <img src="images/banner-middle2.jpg" alt=""></a></div>
                <div class="banner3">
                    <a href="#" target="_blank">
                        <img src="images/banner-middle3.jpg" alt=""></a></div>
            </div>
            <div class="home-category-title">
                <h1>
                    Latest Products</h1>
            </div>
            <p>
            </p>
            <div class="category-products home-page-listing">
                <div class=" jcarousel-skin-tango">
                    <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative;
                        display: block;">
                        <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
                            <ul id="mycarousel1" class="first-and-second-carousel jcarousel-list jcarousel-list-horizontal"
                                style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px;
                                left: 0px; width: 2341px;">
                                <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal"
                                    style="float: left; list-style: none;" jcarouselindex="1"><a href="#" title=" Snowflake jeans and shirts"
                                        class="product-image">
                                        <img src="upload/xehoi7.jpg" width="230" height="230" alt=" Snowflake jeans and shirts">
                                    </a>
                                    <h2 class="product-name">
                                        <a href="#" title=" Snowflake jeans and shirts">Snowflake jeans and shirts</a></h2>
                                    <div class="pro-price-add-btn">
                                        <div class="product-price">
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-1"><span class="price">$120.00</span>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="new_prod_btn">
                                            <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('#')">
                                                <span><span>Add to Cart</span></span></button>
                                        </div>
                                    </div>
                                    <div class="wish-compare">
                                        <ul class="add-to-links">
                                            <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                                            <li>
                                                <!--span class="separator">|</span-->
                                                <a href="#" class="link-compare">Add to Compare</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal"
                                    style="float: left; list-style: none;" jcarouselindex="2"><a href="#" title="SmartWool Synergy dress"
                                        class="product-image">
                                        <img src="upload/xehoi7.jpg" width="230" height="230" alt="SmartWool Synergy dress">
                                        <img src="#" class="onsale">
                                    </a>
                                    <h2 class="product-name">
                                        <a href="#" title="SmartWool Synergy dress">SmartWool Synergy dress</a></h2>
                                    <div class="pro-price-add-btn">
                                        <div class="product-price">
                                            <div class="price-box">
                                                <p class="old-price">
                                                    <span class="price-label">Regular Price:</span> <span class="price" id="old-price-11">
                                                        $120.00 </span>
                                                </p>
                                                <p class="special-price">
                                                    <span class="price-label">Special Price:</span> <span class="price" id="product-price-11">
                                                        $110.00 </span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="new_prod_btn">
                                            <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('#')">
                                                <span><span>Add to Cart</span></span></button>
                                        </div>
                                    </div>
                                    <div class="wish-compare">
                                        <ul class="add-to-links">
                                            <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                                            <li>
                                                <!--span class="separator">|</span-->
                                                <a href="#" class="link-compare">Add to Compare</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal"
                                    style="float: left; list-style: none;" jcarouselindex="3"><a href="#" title="Waffle-Knit Colorblock Henley"
                                        class="product-image">
                                        <img src="upload/xehoi7.jpg" width="230" height="230" alt="Waffle-Knit Colorblock Henley">
                                    </a>
                                    <h2 class="product-name">
                                        <a href="#" title="Waffle-Knit Colorblock Henley">Waffle-Knit Colorblock Henley</a></h2>
                                    <div class="pro-price-add-btn">
                                        <div class="product-price">
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-10"><span class="price">$50.00</span>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="new_prod_btn">
                                            <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('#')">
                                                <span><span>Add to Cart</span></span></button>
                                        </div>
                                    </div>
                                    <div class="wish-compare">
                                        <ul class="add-to-links">
                                            <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                                            <li>
                                                <!--span class="separator">|</span-->
                                                <a href="#" class="link-compare">Add to Compare</a></li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal"
                            style="display: block;" disabled="true">
                        </div>
                        <div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false">
                        </div>
                    </div>
                </div>
                <script type="text/javascript">                    decorateGeneric($$('ul.products-grid'), ['odd', 'even', 'first', 'last'])</script>
            </div>
            <p>
            </p>
        </div>
    </div>
    <div class="col-right sidebar">
    </div>
</asp:Content>
